function lazy() {
    if ($('.lazy-img').length > 0) {
        $("img.lazy-img").lazyload({
            effect: "fadeIn",
            //threshold : 100
        });
    }
}
$(function () {

    lazy() // 图片懒加载

    const eles = document.querySelectorAll('.kv-img-group')
    const elesParents = document.querySelectorAll('.tilt-mask')

    for (var i = 0; i < eles.length; i++) {
        //console.log(i)
        let tilt = VanillaTilt.init(eles[i], {
            max: 15,
            speed: 400,
            scale: 1.04,
            //axis:'x',
            "mouse-event-element": elesParents[i]
        })

    }

    // 视差滚动

    // let tl = gsap.timeline({
    //     // 添加到整个时间线 
    //     scrollTrigger: {
    //         trigger: ".index-cont2",
    //         pin: true,   // 在执行时固定触发器元素
    //         start: "top 50%", // 当触发器的顶部碰到视口的顶部时
    //         end: "+=200", // 在滚动 200px后结束
    //         scrub: 1, // 触发器1秒后跟上滚动条
    //         snap: {
    //             snapTo: "labels", // 捕捉时间线中最近的标签
    //             duration: { min: 0.2, max: 2 }, // 捕捉动画应至少为 0.2 秒，但不超过 3 秒（由速度决定） 
    //             delay: 0.2, // 从上次滚动事件开始等待 0.2 秒，然后再进行捕捉 
    //             ease: "power1.inOut" // 捕捉动画的过度时间（默认为“power3”） 
    //         }
    //     }
    // });
    // // 向时间线添加动画和标签 
    // tl.addLabel("start")
    //     .from(".index-cont2 h3", { scale: 0.3, autoAlpha: 0 })
    //     .from(".webp-item1", { y: 80, autoAlpha: 0 })
    //     .from(".webp-item2", { y: 120, autoAlpha: 0 })
    //     .from(".webp-item3", { y: 160, autoAlpha: 0 })
    //     .from(".webp-item4", { y: 200, autoAlpha: 0 })
    //     .from(".index-cont3 h3", { scale: 0.3, autoAlpha: 0 })
    //     .addLabel("end");

    $('.tilt-mask').mouseover(function () {
        let self = $(this)
        self.next('.kv-img-group').addClass('hover')
    })
    $('.tilt-mask').mouseleave(function () {
        $('.kv-img-group').removeClass('hover')
    })

})